<style type="text/css">
	html, body{
		width:100%;
		height:100%;
		margin: 0px;
		background: url(<?php echo loadImage(WEBSITE_URL."images/bg-top.jpg"); ?>)  no-repeat fixed 50% 0;
		color: #FFFFFF;
	}
	a, a:hover, a:visited, a:active, a:focus{
		text-decoration: none;
		color: #FFFFFF;
	}
	#FirstPage_topheader{
		width: 100%;
		height: 20%;	
		overflow:hidden;
		text-align:center;
		margin-left: auto ;
  		margin-right: auto ;
	}
	#FirstPage_topheader img{
		height: 100%;
		
	}
	#FirstPage_centerBanner{
		width: 100%;
		height: 60%;
		overflow: hidden;
		
	}
	#FirstPage_centerBannerDiv{
		position: relative;
		left: 0px;
		top: 0px;
		width: 300%;
		
	}
	#FirstPage_centerBannerDiv div{
		width: 33.3333333%;
		float: left;
	}
	#FirstPage_centerBanner div img{
		width: 100%;
	}
	#FirstPage_bottomBanner{
		heigth: 20%;
	}
	#FirstPage_bottomBanner{
		text-align:center;
		
	}
	#FirstPage_bottomBanner img{
		margin-top: 10px;	
	}
	
	/* header menu: */
	.HeaderMenu{
		background-color: #666666;
		height: 60px; 
		width: 940px;
		position: fixed;
	}
	.HeaderMenu ul{
		position: relative; top: 10px;
	}
	ul.HeaderMenu_Level1{
		list-style-type:none;
		background-color: #666666;
		width:100%;
		height: 40px;
		overflow:hidden;
		
	}
	li.HeaderMenu_Level1{ 
		float: left; 
	}
	li.HeaderMenu_Level1 a .headerMenu_Level1Item{
		border: 0px solid #FFFFFF;
		border-right-width: 1px;
		min-width: 100px;
		line-height: 40px; 
		text-decoration: none;
		text-align: center;
		
	}
	li.HeaderMenu_Level1 a:hover .headerMenu_Level1Item{
		border: 0px solid #FFFFFF;
		border-right-width: 1px;
		min-width: 100px;
		line-height: 40px; 
		text-decoration: none;
		text-align: center;
		background-color: #777777;
		
	}
	li.HeaderMenu_Level1:last-child{
		border-right-width: 0px;
	}
	li a{
		width:24.9%; 
		height: 40px;
		background-color: #666666;
		border: 0px solid #FFFFFF;
	}
    /*ul.level2 { display: inline }
    li.level2 { display: block; padding-left: 20px }
    ul.level3 { display: inline }
    li.level3 { display: block; padding-left: 20px }*/
	.container{
		overflow:hidden;
	}
	.spaceholder2{
		display:none;
		position: relative;
		left:100%;
		
	}
	.News_leftbar{
		position: fixed;	
		border: 1px solid #FFFFFF;
		width: 240px;
	}
	.News_leftbar_animate{
		position: relative;	
		border: 1px solid #FFFFFF;
		width: 240px;
	}
	
	
	#main_headerbanner{
		border: 1px solid #FFFFFF;
		width: 940px;
		height: 40px; 
		position: fixed;
		background: #AA33AA;
	}
	.mainblock1{
		position: relative; 
		left: 0px;
		top: 0px;
		z-index: 1;
	}
	.mainblock2{
		position: absolute; 
		left: 1000px;
		top: 120px;
		z-index: 1;
	}
	
	#spaceholdertable{
		position: relative;
		left: 0px; top: 0px;
		width: 200%;
	}
	@media only screen and (min-width: 60px) and (max-width: 959px) {
		#News_leftbar{
			display:none;
		}
		/*cancel the position fixed class and turn it to position relative;*/
		#main_headerbanner{
			position: relative;
		}
		.HeaderMenu{
			position: relative;
			top: -19px;
		}
		
	}
	
</style>